.b-live-figure .b-value {
	display: none;
}

.b-live-figure .b-spinner {
	display: inline-block;
	position: relative;
	width: 1.5rem;
	height: 1.5rem;
	vertical-align: top;
	transform: translateY(25%);
}

.b-live-figure .b-spinner i {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	
	width: 0;
	height: 0;
	
	animation: b-loadingspinner 1s linear infinite;
}

.b-live-figure .b-spinner i:after {
	content: "";
	display: block;
	width: 3px;
	height: 6px;
	transform: translate(-50%, 0.5rem);
	background-color: currentcolor;
}

@keyframes b-loadingspinner {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


.b-live-figure.b-resolved .b-value {
	display: inline;
}
.b-live-figure.b-resolved .b-spinner {
	display: none;
}